<style>
.order-elem-quote{
    height: 10px;
    line-height: 10px;
    font-size: 18px;
    font-weight: 600;
    background: #fff;
    padding: 5px;
}
.item-content{
    font-weight: 600;
}
.patient_info{
    display: flex;
}
.patient_content{
    width: 100%;
    margin-left: 10px;
    padding: 5px;
}
.patient_content_item{
    font-size: 14px;
    padding-left: 15px;
}
.service_num{
    border-radius: 2px;
    background-color: rgba(31,204,147,0.14);
    color: rgba(31,204,147,1);
    font-size: 12px;
    padding: 0 6px;
    text-align: center;
    margin-top: 7px;
}
.p_name{
    font-size: 18px;
    font-weight: 600;
}
.p_sex_age{
    font-size: 14px;
    color: rgba(167,172,177,1);
}
</style>
<div class="layui-card-body padding-15 layui-bg-gray">
    <div class="layui-panel padding-15">
        <div class="layui-row patient_info">
            <div class="patient_header">
                <img src="/images/patient_header.png" style="width: 68px;height: 68px;border-radius: 50%">
            </div>
            <div class="layui-row" style="width: 100%">
                <div class="layui-col-xs12">
                    <div class="layui-row patient_content">
                        <div class="layui-col-xs4" style="font-size: 18px;font-weight: 600;">
                            [[${patient.name}]]
                        </div>
                    </div>
                    <div class="layui-row patient_content_item">
                        <div class="layui-col-xs4">
                            <p>手机号码：<span class="item-content">[[${patient.phone}]]</span></p>
                        </div>
                        <div class="layui-col-xs4">
                            <p>身份证号：<span class="item-content">[[${patient.cardNo}]]</span></p>
                        </div>
                    </div>
                    <div class="layui-row patient_content_item">
                        <div class="layui-col-xs2">
                            <p>患者性别：
                                <span class="item-content" th:if="${patient.sex == 1}" >男</span>
                                <span class="item-content" th:if="${patient.sex == 2}" >女</span>
                            </p>
                        </div>
                        <div class="layui-col-xs2">
                            <p>病区：<span class="item-content">[[${data.depName}]]</span></p>
                        </div>
                        <div class="layui-col-xs2">
                            <p>患者床号：<span class="item-content">[[${data.bedNo}]]</span></p>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-panel padding-15" style="margin-top: 20px">
        <div class="layui-row">
            <div class="layui-col-xs4">
                <p>合计费用：[[${data?.total}]]</p>
            </div>
            <div class="layui-col-xs4">
                <p>佣金金额：[[${data?.commission}]]</p>
            </div>
        </div>
        <div class="layui-row">
            <table class="layui-table" lay-size="sm">

                <thead>
                <tr class="layui-bg-gray">
                    <th>服务时间</th>
                    <th>服务类型</th>
                    <th>服务项目</th>
                    <th>陪护员</th>
                    <th>佣金</th>
                </tr>
                </thead>
                <tbody>
                <tr th:each="item :${orderCommissionLogs}">
                    <td>[[${item.timeStar}]]~[[${item.timeEnd}]]</td>
                    <td>
                        <span th:if="${data.type == 1}" class="layui-font-green">陪护</span>
                        <span th:if="${data.type == 2}" class="layui-font-orange">陪诊</span>
                        <span th:if="${data.type == 3}" class="layui-font-blue">陪检</span>
                    </td>
                    <td>[[${data.projectTitle}]]</td>
                    <td>[[${item.porterName}]]</td>
                    <td>[[${item.commission}]]</td>

                </tr>

                </tbody>
            </table>
        </div>
    </div>


</div>